/*Start--自定义图标*/


/*标签图标*/

.ui-icon-green-tag1:after {
     background-image: url(../img/green-tag1.png);
     -moz-background-size: 30px 30px;
     -o-background-size: 30px 30px;
     -webkit-background-size: 30px 30px;
     background-size: 30px 30px;
     background-position: center;
}


/*上传图标*/

.ui-icon-green-upload1:after {
     background-image: url(../img/green-upload1.png);
     -moz-background-size: 30px 30px;
     -o-background-size: 30px 30px;
     -webkit-background-size: 30px 30px;
     background-size: 30px 30px;
     background-position: center;
}


/*星星图标*/

.ui-icon-green-star1:after {
     background-image: url(../img/green-star1.png);
     -moz-background-size: 30px 30px;
     -o-background-size: 30px 30px;
     -webkit-background-size: 30px 30px;
     background-size: 30px 30px;
     background-position: center;
}

.ui-icon-green-star2:after {
     background-image: url(../img/green-star2.png);
     -moz-background-size: 30px 30px;
     -o-background-size: 30px 30px;
     -webkit-background-size: 30px 30px;
     background-size: 30px 30px;
     background-position: center;
}


/*笑脸图标*/

.ui-icon-green-smile1:after {
     background-image: url(../img/green-smile1.png);
     -moz-background-size: 30px 30px;
     -o-background-size: 30px 30px;
     -webkit-background-size: 30px 30px;
     background-size: 30px 30px;
     background-position: center;
}


/*发送图标*/

.ui-icon-green-send1:after {
     background-image: url(../img/green-send1.png);
     -moz-background-size: 30px 30px;
     -o-background-size: 30px 30px;
     -webkit-background-size: 30px 30px;
     background-size: 30px 30px;
     background-position: center;
}


/*添加图标*/

.ui-icon-green-plus1:after {
     background-image: url(../img/green-plus1.png);
     -moz-background-size: 30px 30px;
     -o-background-size: 30px 30px;
     -webkit-background-size: 30px 30px;
     background-size: 30px 30px;
     background-position: center;
}


/*图片图标*/

.ui-icon-green-photo1:after {
     background-image: url(../img/green-photo1.png);
     -moz-background-size: 30px 30px;
     -o-background-size: 30px 30px;
     -webkit-background-size: 30px 30px;
     background-size: 30px 30px;
     background-position: center;
}


/*确定图标*/

.ui-icon-green-check1:after {
     background-image: url(../img/green-check1.png);
     -moz-background-size: 30px 30px;
     -o-background-size: 30px 30px;
     -webkit-background-size: 30px 30px;
     background-size: 30px 30px;
     background-position: center;
}


/*取消图标 叉叉*/

.ui-icon-green-no1:after {
     background-image: url(../img/green-no1.png);
     -moz-background-size: 30px 30px;
     -o-background-size: 30px 30px;
     -webkit-background-size: 30px 30px;
     background-size: 30px 30px;
     background-position: center;
}


/*编辑图标*/

.ui-icon-green-edit1:after {
     background-image: url(../img/green-edit1.png);
     -moz-background-size: 30px 30px;
     -o-background-size: 30px 30px;
     -webkit-background-size: 30px 30px;
     background-size: 30px 30px;
     background-position: center;
}


/*返回图标*/

.ui-icon-green-back1:after {
     background-image: url(../img/green-back1.png);
     -moz-background-size: 30px 30px;
     -o-background-size: 30px 30px;
     -webkit-background-size: 30px 30px;
     background-size: 30px 30px;
     background-position: center;
}


/*师生互动图标*/

.ui-icon-green-message1:after {
     background-image: url(../img/green-message1.png);
     -moz-background-size: 30px 30px;
     -o-background-size: 30px 30px;
     -webkit-background-size: 30px 30px;
     background-size: 30px 30px;
     background-position: center;
}

.ui-icon-green-message2:after {
     background-image: url(../img/green-message2.png);
     -moz-background-size: 30px 30px;
     -o-background-size: 30px 30px;
     -webkit-background-size: 30px 30px;
     background-size: 30px 30px;
     background-position: center;
}


/*校园海报图标*/

.ui-icon-green-post1:after {
     background-image: url(../img/green-post1.png);
     -moz-background-size: 30px 30px;
     -o-background-size: 30px 30px;
     -webkit-background-size: 30px 30px;
     background-size: 30px 30px;
     background-position: center;
}

.ui-icon-green-post2:after {
     background-image: url(../img/green-post2.png);
     -moz-background-size: 30px 30px;
     -o-background-size: 30px 30px;
     -webkit-background-size: 30px 30px;
     background-size: 30px 30px;
     background-position: center;
}


/*失物招领*/

.ui-icon-green-lost1:after {
     background-image: url(../img/green-lost1.png);
     -moz-background-size: 30px 30px;
     -o-background-size: 30px 30px;
     -webkit-background-size: 30px 30px;
     background-size: 30px 30px;
     background-position: center;
}

.ui-icon-green-lost2:after {
     background-image: url(../img/green-lost2.png);
     -moz-background-size: 30px 30px;
     -o-background-size: 30px 30px;
     -webkit-background-size: 30px 30px;
     background-size: 30px 30px;
     background-position: center;
}


/*课程表*/

.ui-icon-green-course1:after {
     background-image: url(../img/green-course1.png);
     -moz-background-size: 30px 30px;
     -o-background-size: 30px 30px;
     -webkit-background-size: 30px 30px;
     background-size: 30px 30px;
     background-position: center;
}

.ui-icon-green-course2:after {
     background-image: url(../img/green-course2.png);
     -moz-background-size: 30px 30px;
     -o-background-size: 30px 30px;
     -webkit-background-size: 30px 30px;
     background-size: 30px 30px;
     background-position: center;
}


/*END--自定义图标*/


/*START--主题定义l 只做了关于的li*/

.ui-page-theme-l .ui-btn,
html .ui-bar-l .ui-btn,
html .ui-body-l .ui-btn,
html body .ui-group-theme-l .ui-btn,
html head + body .ui-btn.ui-btn-l {
     background-color: #20a262/*{a-bup-background-color}*/
     ;
     border-color: #20a262;
     /* border-color: #ffe{a-bup-border}
     ;*/
     color: #ffffff/*{a-bup-color}*/
     ;
     font-family: arial;
}

.ui-page-theme-l .ui-btn:active,
html .ui-bar-l .ui-btn:active,
html .ui-body-l .ui-btn:active,
html body .ui-group-theme-l .ui-btn:active,
html head + body .ui-btn.ui-btn-l:active {
     background-color: #20a262/*{a-bup-background-color}*/
     ;
     border-color: #20a262;
     /* border-color: #ffe{a-bup-border}
     ;*/
     color: #ffffff/*{a-bup-color}*/
     ;
     font-family: arial;
}

.ui-page-theme-l .ui-btn:link,
html .ui-bar-l .ui-btn:link,
html .ui-body-l .ui-btn:link,
html body .ui-group-theme-l .ui-btn:link,
html head + body .ui-btn.ui-btn-l:link {
     background-color: #20a262/*{a-bup-background-color}*/
     ;
     border-color: #20a262;
     /* border-color: #ffe{a-bup-border}
     ;*/
     color: #ffffff/*{a-bup-color}*/
     ;
     font-family: arial;
}

.ui-page-theme-l .ui-btn:visited,
html .ui-bar-l .ui-btn:visited,
html .ui-body-l .ui-btn:visited,
html body .ui-group-theme-l .ui-btn:visited,
html head + body .ui-btn.ui-btn-l:visited {
     background-color: #20a262/*{a-bup-background-color}*/
     ;
     border-color: #20a262;
     /* border-color: #ffe{a-bup-border}
     ;*/
     color: #ffffff/*{a-bup-color}*/
     ;
     font-family: arial;
}

.ui-page-theme-l .ui-btn:hover,
html .ui-bar-l .ui-btn:hover,
html .ui-body-l .ui-btn:hover,
html body .ui-group-theme-l .ui-btn:hover,
html head + body .ui-btn.ui-btn-l:hover {
     background-color: #20a262/*{a-bup-background-color}*/
     ;
     border-color: #20a262;
     /* border-color: #ffe{a-bup-border}
     ;*/
     color: #ffffff/*{a-bup-color}*/
     ;
     font-family: arial;
}

.ui-page-theme-l .ui-btn:focus,
html .ui-bar-l .ui-btn:focus,
html .ui-body-l .ui-btn:focus,
html body .ui-group-theme-l .ui-btn:focus,
html head + body .ui-btn.ui-btn-l:focus {
     background-color: #20a262/*{a-bup-background-color}*/
     ;
     border-color: #20a262;
     /* border-color: #ffe{a-bup-border}
     ;*/
     color: #ffffff/*{a-bup-color}*/
     ;
     font-family: arial;
}


/*END--主题定义l 只做了关于的li*/


/*START--主题定义j 只做了关于的li*/

.ui-page-theme-j .ui-btn:visited,
html .ui-bar-j .ui-btn:visited,
html .ui-body-j .ui-btn:visited,
html body .ui-group-theme-j .ui-btn:visited,
html head + body .ui-btn.ui-btn-j:visited {
     background-color: #20a262/*{a-bup-background-color}*/
     ;
     border-color: #ffffff;
     border-style: solid;
     border-top-width: 1px;
     border-bottom-width: 1px;
     border-left-width: 1px;
     border-right-width: 1px;
     /* border-color: #ffe{a-bup-border}
     ;*/
     color: #ffffff/*{a-bup-color}*/
     ;
     font-family: arial;
}

.ui-page-theme-j .ui-btn:link,
html .ui-bar-j .ui-btn:link,
html .ui-body-j .ui-btn:link,
html body .ui-group-theme-j .ui-btn:link,
html head + body .ui-btn.ui-btn-j:link {
     background-color: #20a262/*{a-bup-background-color}*/
     ;
     border-color: #ffffff;
     border-style: solid;
     border-top-width: 1px;
     border-bottom-width: 1px;
     border-left-width: 1px;
     border-right-width: 1px;
     /* border-color: #ffe{a-bup-border}
     ;*/
     color: #ffffff/*{a-bup-color}*/
     ;
     font-family: arial;
}

.ui-page-theme-j .ui-btn:active,
html .ui-bar-j .ui-btn:active,
html .ui-body-j .ui-btn:active,
html body .ui-group-theme-j .ui-btn:active,
html head + body .ui-btn.ui-btn-j:active {
     background-color: #ffffff/*{a-bup-background-color}*/
     ;
     border-color: #ffffff;
     border-width: 1px;
     /* border-color: #ffe{a-bup-border}
     ;*/
     color: #20a262/*{a-bup-color}*/
     ;
     font-family: arial;
}

.ui-page-theme-j .ui-btn:hover,
html .ui-bar-j .ui-btn:hover,
html .ui-body-j .ui-btn:hover,
html body .ui-group-theme-j .ui-btn:hover,
html head + body .ui-btn.ui-btn-j:hover {
     background-color: #ffffff/*{a-bup-background-color}*/
     ;
     border-color: #ffffff;
     border-width: 1px;
     /* border-color: #ffe{a-bup-border}
     ;*/
     color: #20a262/*{a-bup-color}*/
     ;
     font-family: arial;
}

.ui-page-theme-j .ui-btn,
html .ui-bar-j .ui-btn,
html .ui-body-j .ui-btn,
html body .ui-group-theme-j .ui-btn,
html head + body .ui-btn.ui-btn-j {
     background-color: #20a262;
     border-color: #ffffff;
     border-style: solid;
     border-top-width: 1px;
     border-bottom-width: 1px;
     border-left-width: 1px;
     border-right-width: 1px;
     color: #ffffff;
     font-family: arial;
}


/* Active button */

.ui-page-theme-j .ui-btn.ui-btn-active,
html .ui-bar-j .ui-btn.ui-btn-active,
html .ui-body-j .ui-btn.ui-btn-active,
html body .ui-group-theme-j .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-j.ui-btn-active,

/* Active checkbox icon */

.ui-page-theme-j .ui-checkbox-on:after,
html .ui-bar-j .ui-checkbox-on:after,
html .ui-body-j .ui-checkbox-on:after,
html body .ui-group-theme-j .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-j:after,

/* Active flipswitch background */

.ui-page-theme-j .ui-flipswitch-active,
html .ui-bar-j .ui-flipswitch-active,
html .ui-body-j .ui-flipswitch-active,
html body .ui-group-theme-j .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-j.ui-flipswitch-active,

/* Active slider track 滑动选择开关 底部导航栏按钮 */

.ui-page-theme-j .ui-slider-tracj .ui-btn-active,
html .ui-bar-j .ui-slider-track .ui-btn-active,
html .ui-body-j .ui-slider-track .ui-btn-active,
html body .ui-group-theme-j .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-j .ui-btn-active {
     background-color: #ffffff/*{a-bup-background-color}*/
     ;
     border-color: #ffffff;
     border-width: 1px;
     /* border-color: #ffe{a-bup-border}
     ;*/
     color: #20a262/*{a-bup-color}*/
     ;
     font-family: arial;
}


/*END--主题定义l 只做了关于的li*/


/*START---主题定义k 主色调为绿色 在按钮处和可收缩栏与s有区分并且只定义了上述的几个区域*/


/* Button visited
  导航栏里的按钮 首页消息list 可收缩栏按钮
*/

.ui-page-theme-k .ui-btn,
html .ui-bar-k .ui-btn,
html .ui-body-k .ui-btn,
html body .ui-group-theme-k .ui-btn,
html head + body .ui-btn.ui-btn-k {
     background-color: rgba(51, 153, 102, 1)/*#ededed*/
     /*{a-bhover-background-color}*/
     ;
     border-color: #ffffff/*{a-bhover-border}*/
     ;
     color: #ffffff/*{a-bhover-color}*/
     ;
     font-family: arial;
     text-shadow: 0/*{a-bhover-shadow-x}*/
     0px/*{a-bhover-shadow-y}*/
     0/*{a-bhover-shadow-radius}*/
     #20a262/*{a-bhover-shadow-color}*/
     ;
}


/*导航栏背景*/

.ui-page-theme-k,
html .ui-bar-k,
html .ui-body-k,
html body .ui-group-theme-k,
html head + body {
     background-color: #ffffff/*#ededed*/
     /*{a-bhover-background-color}*/
     ;
     border-color: #ffffff/*{a-bhover-border}*/
     ;
     color: #444444/*{a-bhover-color}*/
     ;
     font-family: arial;
     text-shadow: 0/*{a-bhover-shadow-x}*/
     0px/*{a-bhover-shadow-y}*/
     0/*{a-bhover-shadow-radius}*/
     #20a262/*{a-bhover-shadow-color}*/
     ;
}

.ui-page-theme-k .ui-btn:visited,
html .ui-bar-k .ui-btn:visited,
html .ui-body-k .ui-btn:visited,
html body .ui-group-theme-k .ui-btn:visited,
html head + body .ui-btn.ui-btn-k:visited {
     background-color: rgba(51, 153, 102, 0.9)/*#ededed*/
     /*{a-bhover-background-color}*/
     ;
     border-color: #ffffff/*{a-bhover-border}*/
     ;
     color: #ffffff/*{a-bhover-color}*/
     ;
     font-family: arial;
     text-shadow: 0/*{a-bhover-shadow-x}*/
     0px/*{a-bhover-shadow-y}*/
     0/*{a-bhover-shadow-radius}*/
     #20a262/*{a-bhover-shadow-color}*/
     ;
}


/* Button hover */

.ui-page-theme-k .ui-btn:hover,
html .ui-bar-k .ui-btn:hover,
html .ui-body-k .ui-btn:hover,
html body .ui-group-theme-k .ui-btn:hover,
html head + body .ui-btn.ui-btn-k:hover {
     background-color: rgba(51, 153, 102, 0.9)/*#ededed*/
     /*{a-bhover-background-color}*/
     ;
     border-color: #ffffff/*{a-bhover-border}*/
     ;
     color: #ffffff/*{a-bhover-color}*/
     ;
     font-family: arial;
     text-shadow: 0/*{a-bhover-shadow-x}*/
     0px/*{a-bhover-shadow-y}*/
     0/*{a-bhover-shadow-radius}*/
     #20a262/*{a-bhover-shadow-color}*/
     ;
}


/* Button down  可折叠栏和 input按钮按下去时候的样子*/

.ui-page-theme-k .ui-btn:active,
html .ui-bar-k .ui-btn:active,
html .ui-body-k .ui-btn:active,
html body .ui-group-theme-k .ui-btn:active,
html head + body .ui-btn.ui-btn-k:active {
     background-color: #20a262/*{a-bdown-background-color}*/
     ;
     border-color: #cccccc/*{a-bdown-border}*/
     ;
     color: #ffffff/*{a-bdown-color}*/
     ;
     line-height: 1em;
     text-shadow: 0/*{a-bdown-shadow-x}*/
     0px/*{a-bdown-shadow-y}*/
     0/*{a-bdown-shadow-radius}*/
     #f3f3f3/*{a-bdown-shadow-color}*/
     ;
}


/* Active button */

.ui-page-theme-k .ui-btn.ui-btn-active,
html .ui-bar-k .ui-btn.ui-btn-active,
html .ui-body-k .ui-btn.ui-btn-active,
html body .ui-group-theme-k .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-k.ui-btn-active,

/* Active checkbox icon */

.ui-page-theme-k .ui-checkbox-on:after,
html .ui-bar-k .ui-checkbox-on:after,
html .ui-body-k .ui-checkbox-on:after,
html body .ui-group-theme-k .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-k:after,

/* Active flipswitch background */

.ui-page-theme-k .ui-flipswitch-active,
html .ui-bar-k .ui-flipswitch-active,
html .ui-body-k .ui-flipswitch-active,
html body .ui-group-theme-k .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-k.ui-flipswitch-active,

/* Active slider track 滑动选择开关 底部导航栏按钮 */

.ui-page-theme-k .ui-slider-track .ui-btn-active,
html .ui-bar-k .ui-slider-track .ui-btn-active,
html .ui-body-k .ui-slider-track .ui-btn-active,
html body .ui-group-theme-k .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-k .ui-btn-active {
     background-color: #ffffff/*{a-active-background-color}*/
     ;
     border-color: #ffffff/*{a-active-border}*/
     ;
     color: #20a262/*{a-active-color}*/
     ;
     text-shadow: 0/*{a-active-shadow-x}*/
     0px/*{a-active-shadow-y}*/
     0/*{a-active-shadow-radius}*/
     #005599/*{a-active-shadow-color}*/
     ;
}


/* Active radio button icon  底部导航栏边框*/

.ui-page-theme-k .ui-radio-on:after,
html .ui-bar-k .ui-radio-on:after,
html .ui-body-k .ui-radio-on:after,
html body .ui-group-theme-k .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-k:after {
     border-color: #ffffff/*{a-active-background-color}*/
     ;
}


/* Focus */

.ui-page-theme-k .ui-btn:focus,
html .ui-bar-k .ui-btn:focus,
html .ui-body-k .ui-btn:focus,
html body .ui-group-theme-k .ui-btn:focus,
html head + body .ui-btn.ui-btn-k:focus,

/* Focus buttons and text inputs with div wrap */

.ui-page-theme-k .ui-focus,
html .ui-bar-k .ui-focus,
html .ui-body-k .ui-focus,
html body .ui-group-theme-k .ui-focus,
html head + body .ui-btn-k.ui-focus,
html head + body .ui-body-k.ui-focus {
     -webkit-box-shadow: 0 0 12px #20a262/*#3388cc*/
     /*{a-active-background-color}*/
     ;
     -moz-box-shadow: 0 0 12px #20a262/*{a-active-background-color}*/
     ;
     box-shadow: 0 0 12px #20a262/*{a-active-background-color}*/
     ;
}


/*END---主题定义k 主色调为绿色 在按钮处和可收缩栏与s有区分*/


/*START---自定义主题 SSSSSSSSSSSSSSSSS 主色调为绿色
 Bar: Toolbars, dividers, slider track
导航栏部分*/

.ui-bar-s,
.ui-page-theme-s .ui-bar-inherit,
html .ui-bar-s .ui-bar-inherit,
html .ui-body-s .ui-bar-inherit,
html body .ui-group-theme-s .ui-bar-inherit {
     background-color: #20a262/*{s-bar-background-color}*/
     ;
     border-color: #dddddd/*{s-bar-border}*/
     ;
     color: #ffffff/*#333*/
     /*{s-bar-color}*/
     ;
     text-shadow: 0/*{s-bar-shadow-x}*/
     0px/*{s-bar-shadow-y}*/
     0/*{s-bar-shadow-radius}*/
     #ffffff/*{s-bar-shadow-color}*/
     ;
     font-weight: bold;
     font-family: arial;
}

.ui-bar-s {
     border-width: 1px;
     border-style: solid;
}


/* Page and overlay */

.ui-overlay-s,
.ui-page-theme-s,
.ui-page-theme-s .ui-panel-wrapper {
     background-color:#eeeeee/*{a-page-background-color} #f9f9f9*/
     ;
     border-color: #bbbbbb/*#bbb*/
     /*{a-page-border}*/
     ;
     color: #333333/*#333*/
     /*{a-page-color}*/
     ;
     text-shadow: 0/*{a-page-shadow-x}*/
     0px/*{a-page-shadow-y}*/
     0/*{a-page-shadow-radius}*/
     #f3f3f3/*{a-page-shadow-color}*/
     ;
     font-family: arial;
}


/* Body: Read-only lists, text inputs, collapsible content
   校园海报栏列表 页面边框 失物招领列表 input框 可收缩框 搜索框
*/


/*可收缩栏内部内容样式*/

.ui-body-s,
.ui-page-theme-s .ui-body-inherit,
html .ui-bar-s .ui-body-inherit,
html .ui-body-s .ui-body-inherit,
html body .ui-group-theme-s .ui-body-inherit,
html .ui-panel-page-container-s {
     background-color: #ffffff/*{a-body-background-color}*/
     ;
     border-left-color: #ffffff;
     border-right-color: #ffffff;
     border-bottom-color: #dddddd;
     border-top-color: #dddddd;
     /*{a-body-border}*/
     color: #222222/*{a-body-color}*/
     ;
     text-shadow: 0/*{a-body-shadow-x}*/
     0px/*{a-body-shadow-y}*/
     0/*{a-body-shadow-radius}*/
     #f3f3f3/*{a-body-shadow-color}*/
     ;
     font-family: arial;
}

.ui-body-s {
     border-width: 1px;
     border-style: solid;
}


/* Links 链接 */

.ui-page-theme-s a,
html .ui-bar-s a,
html .ui-body-s a,
html body .ui-group-theme-s a {
     color: #3388cc/*{a-link-color}*/
     ;
     font-weight: bold;
}

.ui-page-theme-s a:visited,
html .ui-bar-s a:visited,
html .ui-body-s a:visited,
html body .ui-group-theme-s a:visited {
     color: yellow/*{a-link-visited}*/
     ;
}

.ui-page-theme-s a:hover,
html .ui-bar-s a:hover,
html .ui-body-s a:hover,
html body .ui-group-theme-s a:hover {
     color: red/*{a-link-hover}*/
     ;
}

.ui-page-theme-s a:active,
html .ui-bar-s a:active,
html .ui-body-s a:active,
html body .ui-group-theme-s a:active {
     color: blue/*{a-link-active}*/
     ;
}


/* Button up */

.ui-page-theme-s .ui-btn,
html .ui-bar-s .ui-btn,
html .ui-body-s .ui-btn,
html body .ui-group-theme-s .ui-btn,
html head + body .ui-btn.ui-btn-s,

/* Button visited
  导航栏里的按钮 首页消息list 可收缩栏按钮
*/

.ui-page-theme-s .ui-btn:visited,
html .ui-bar-s .ui-btn:visited,
html .ui-body-s .ui-btn:visited,
html body .ui-group-theme-s .ui-btn:visited,
html head + body .ui-btn.ui-btn-s:visited {
     background-color: #ffffff/*{a-bup-background-color}*/
     ;
     border-top-color: #dddddd;
     border-left-color: #ffffff;
     border-right-color: #ffffff;
     border-bottom-color: #ffffff;
     /* border-color: #ffe{a-bup-border}
     ;*/
     color: #444444/*{a-bup-color}*/
     ;
     font-family: arial;
}


/* Button hover */

.ui-page-theme-s .ui-btn:hover,
html .ui-bar-s .ui-btn:hover,
html .ui-body-s .ui-btn:hover,
html body .ui-group-theme-s .ui-btn:hover,
html head + body .ui-btn.ui-btn-s:hover {
     background-color: #ffffff/*#ededed*/
     /*{a-bhover-background-color}*/
     ;
     border-top-color: #dddddd;
     border-left-color: #ffffff;
     border-right-color: #ffffff;
     border-bottom-color: #ffffff;
     color: #444444/*{a-bhover-color}*/
     ;
     font-family: arial;
}


/* Button down  可折叠栏和 input按钮按下去时候的样子*/

.ui-page-theme-s .ui-btn:active,
html .ui-bar-s .ui-btn:active,
html .ui-body-s .ui-btn:active,
html body .ui-group-theme-s .ui-btn:active,
html head + body .ui-btn.ui-btn-s:active {
     background-color: #ffffff/*{a-bdown-background-color}*/
     ;
     border-color: #cccccc/*{a-bdown-border}*/
     ;
     color: rgba(51, 153, 102, 0.8)/*{a-bdown-color}*/
     ;
}


/* Active button */

.ui-page-theme-s .ui-btn.ui-btn-active,
html .ui-bar-s .ui-btn.ui-btn-active,
html .ui-body-s .ui-btn.ui-btn-active,
html body .ui-group-theme-s .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-s.ui-btn-active,

/* Active checkbox icon */

.ui-page-theme-s .ui-checkbox-on:after,
html .ui-bar-s .ui-checkbox-on:after,
html .ui-body-s .ui-checkbox-on:after,
html body .ui-group-theme-s .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-s:after,

/* Active flipswitch background */

.ui-page-theme-s .ui-flipswitch-active,
html .ui-bar-s .ui-flipswitch-active,
html .ui-body-s .ui-flipswitch-active,
html body .ui-group-theme-s .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-s.ui-flipswitch-active,

/* Active slider track 滑动选择开关 底部导航栏按钮 */

.ui-page-theme-s .ui-slider-track .ui-btn-active,
html .ui-bar-s .ui-slider-track .ui-btn-active,
html .ui-body-s .ui-slider-track .ui-btn-active,
html body .ui-group-theme-s .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-s .ui-btn-active {
     background-color: #ffffff/*{a-active-background-color}*/
     ;
     border-color: #ffffff/*{a-active-border}*/
     ;
     color: #20a262/*{a-active-color}*/
     ;
     text-shadow: 0/*{a-active-shadow-x}*/
     0px/*{a-active-shadow-y}*/
     0/*{a-active-shadow-radius}*/
     #005599/*{a-active-shadow-color}*/
     ;
}


/* Active radio button icon  底部导航栏边框*/

.ui-page-theme-s .ui-radio-on:after,
html .ui-bar-s .ui-radio-on:after,
html .ui-body-s .ui-radio-on:after,
html body .ui-group-theme-s .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-s:after {
     border-color: #ffffff/*{a-active-background-color}*/
     ;
}


/* Focus */

.ui-page-theme-s .ui-btn:focus,
html .ui-bar-s .ui-btn:focus,
html .ui-body-s .ui-btn:focus,
html body .ui-group-theme-s .ui-btn:focus,
html head + body .ui-btn.ui-btn-s:focus,

/* Focus buttons and text inputs with div wrap */

.ui-page-theme-s .ui-focus,
html .ui-bar-s .ui-focus,
html .ui-body-s .ui-focus,
html body .ui-group-theme-s .ui-focus,
html head + body .ui-btn-s.ui-focus,
html head + body .ui-body-s.ui-focus {
     -webkit-box-shadow: 0 0 1px #20a262/*#3388cc*/
     /*{a-active-background-color}*/
     ;
     -moz-box-shadow: 0 0 1px #20a262/*{a-active-background-color}*/
     ;
     box-shadow: 0 0 1px #20a262/*{a-active-background-color}*/
     ;
}


/*END---自定义主题*/


/*首部导航栏自定义div框*/

.msg-top-nav {
     text-align: center;
}

.msg-top-nav-head {
     text-align: left;
     padding: 0;
}

.msg-top-nav-head-right {
     text-align: right;
}


/*个人中心*/

.top-nav-person-header {
     height: 1em;
     text-align: right;
}


/*图片居中*/

.img-center {
     text-align: center;
     margin: 0px auto 0;
}

.img-center-img {
     width: 8em;
     border-radius: 50%;
}


/*内容框div*/

.choice_list {
     margin: 3.3em 0em 3.5em 0em;
}

.text-center {
     text-align: center;
     overflow: hidden;
}

.msg-teacher-header {
     width: 4em;
     margin: 0.5em 0em 0.5em 1em;
}


/*课程表*/

.course-table {
     background-image: url(../img/background-bottom.jpg);
     background-color: mediumseagreen;
     background-position: center;
     background-size: cover;
     font-family: sans-serif, arial;
}

.course-table th:first-child {
     color: #330000;
     width: 10%;
     font-weight: bold;
     text-align: center;
}

.course-table th {
     color: #330000;
     width: 18%;
     font-weight: bold;
     text-align: center;
}

.course-table td {
     height: 3.5em;
     color: #330000;
     text-align: center;
     font-weight: 600;
     font-size: 0.9em;
     border: 1px #99cc33 dotted;
}


/*失物招领*/

.lost-content-img-header {
     width: 3em;
     height: 3em;
     float: left;
     position: relative;
     margin-right: 0.2em;
}

.lost-content-time {
     font-weight: 700;
     font-size: 0.6em;
     margin-left: 0.2em;
     line-height: 3.5em;
     text-align: center;
}

.lost-content-user {
     font-size: 0.7em;
     text-align: center;
     float: left;
     line-height: 3.5em;
     margin-right: 4px;
     color: #20a262;
     font-weight: bold;
}

.lost-content-comment {
     width: 100%;
     word-spacing: normal;
     word-break: break-all;
     word-wrap: break-word;
}


/*自定义block布局*/

@media all {
     .ui-grid-lost .ui-block-a {
          width: 16%;
          float: left;
     }
     .ui-grid-lost .ui-block-b,
     .ui-grid-lost .ui-block-c,
     .ui-grid-lost .ui-block-d,
     .ui-grid-lost .ui-block-e {
          width: 84%;
          float: right;
     }
}


/*失物招领评论*/

.lost-content-comment-div {
     margin: 0.1em 0em -0.5em 0em;
     border: none;
}

.lost-content-comment-div > span {
     float: left;
     width: 20%;
}

.lost-content-comment-div > p {
     float: right;
     width: 80%;
}

.content-list li {
     width: 100%;
     height: auto;
}

.content-list {
     word-break: break-all;
     word-wrap: break-word;
}

.lost-content-img {
     height: 10em;
     width: auto;
}


/*上传课件*/

.course-file-upload-type {
     text-align: center;
     font-size: 0.9em;
     font-weight: 600;
     color: black;
     font-family: cursive;
}

.course-file-upload-type span {
     margin-bottom: -0.5em;
     text-align: center;
}

.lost-type-type .course-file-upload-submit-btn {
     float: right;
}

.text-right {
     float: right;
     text-align: right;
     line-height: 100%;
}


/*登陆头像*/

.onload-header-img {
     margin-top: 4em;
     margin-bottom: 1em;
     width: 6em;
     height: 6em;
}


/*登陆界面div，设置了背景图片*/

.onload-header-div {
     background-image: url('../img/onload-background.jpg');
     background-repeat: repeat;
     background-position: bottom right;
     background-size: 300%;
     width: 100%;
     height: auto;
     margin-bottom: 2em;
     margin-top: 3em;
}

.msg-li-name {
     line-height: 2.8em;
}

.msg-li-header {
     width: 3.5em;
     margin: 0.8em 1em 0.7em 1em;
     border-radius: 2em;
}


/*消息回话页面顶部span样式*/

.msg-msg-name {
     line-height: 2em;
}

.msg-receive-msg {
     width: 100%;
     height: auto;
     text-align: center;
     font-size: 1.4em;
     font-weight: bold;
     font-family: sans-serif;
}

.msg-receive-msg h {
     font-size: 0.5em;
}

.post-show-div {
     min-width: 100%;
}

.post-show-div-inner-left {
     float: left;
     max-width: 18%;
     padding-top: 10%;
     height: auto;
     overflow: hidden;
     text-align: center;
}

.post-show-div-inner-left img {
     max-width: 100%;
     height: auto;
     text-align: center;
     float: left;
}

.post-show-div-inner-right {
     float: right;
     width: 82%;
     height: auto;
     overflow: hidden;
}

.post-show-div-inner-right img {
     max-width: 100%;
     height: auto;
     text-align: center;
     float: right;
}

.onload-button-div {
     animation: move-in-to-the-top 2s;
     position: relative;
     animation-iteration-count: 1;
}

@keyframes move-in-to-the-top {
     0% {
          top: 5em;
          background-color: black;
     }
     100% {
          top: 0em;
          background-color: burlywood;
     }
}

@-moz-keyframes move-in-to-the-top {
     0% {
          top: 5em;
          background-color: black;
     }
     100% {
          top: 0em;
          background-color: burlywood;
     }
}

@-webkit-keyframes move-in-to-the-top {
     0% {
          top: 5em;
          background-color: black;
     }
     100% {
          top: 0em;
          background-color: burlywood;
     }
}

@-o-keyframes move-in-to-the-top {
     0% {
          top: 5em;
          background-color: black;
     }
     100% {
          top: 0em;
          background-color: burlywood;
     }
}

.lost-content-text {
     font-size: 1em;
     width: 100%;
     font-weight: bold;
     border:none;
     background-color: snow;
     overflow: visible;
}

.lost-content-div {
     margin: -0.8em -0.8em -0.8em -0.8em;
     padding-left: 0.5em;
     padding-right: 0.5em;
}

.lost-content-comment-text {
     font-size: 0.9em;
     width: 90%;
     margin-left: 5%;
     margin-right: 5%;
     font-weight: bold;
     border:none;
     background-color: snow;
     overflow: visible;
     clear: both;
     float: left;
}

.lost-content-comment-name {
     font-size: 1em;
     text-align: center;
     float: left;
     line-height: 1em;
     color: #20a262;
     font-weight: bold;
}

.lost-content-phone {
     font-size: 0.5em;
     font-weight: bold;
     line-height: 1em;
     line-height: 3.5em;
     float: right;
     text-align: center;
}

.lost-content-num {
     font-size: 0.8em;
     font-weight: bold;
     margin-left: 0.2em;
     line-height: 3.5em;
     float: right;
     color: #20a262;
     text-align: center;
}

.lost-mine-btn-div {
     margin-top: 1.5em;
}

#course-file-introduction {
     font-size: 0.7em;
     font-family: sans-serif, arial;
}

.ui-grid-lost {
     text-align: left;
     padding-left: 1em;
}

.lost-content-comment-time {
     font-size: 0.8em;
     text-align: center;
     float: left;
     line-height: 1em;
     color: #333;
     font-weight: bold;
     margin-left: 1em;
}

.nav_header_img {
     width: 3.3em;
     height: 3.3em;
     margin: -0.7em -1em -1.1em -1em;
     padding-left: 2em;
     border-radius: 2em;
     border: 1px dashed #20a262;
}

.top_nav_bar {
     /* background-image: url(../img/background-bottom.jpg);*/
     background-color: #20a262;
     margin-top: -1px;
}

/*聊天页面*/

.msg-li-time {
     font-size: 0.6em;
     line-height: 1em;
}

.msg-li-textarea {
     font-size: 0.9em;
     font-weight: bold;
     color: #333333;
     font-family: cursive,sans-serif;
}

.msg-course-ul li a img{
     width: 3.5em;
     margin: 0.8em 1em 0.7em 1em;
     border-radius: 2em;
}
.msg-course-ul li a p{
     font-size: 0.6em;
     line-height: 1em;
}
.msg-course-ul li a textarea{
     font-size: 0.9em;
     font-weight: bold;
     color: #333333;
     width: 95%;
     font-family: cursive,sans-serif;
     border: none;
}

.lost-content-comment-mydiv {
     clear: both;
     width: 100%;
}

.lost-content-comment-mytext {
     width: 75%;
     margin-left: 3%;
}

.lost-content-comment-mybutton {
     width: 17%;
     margin-right: 2%;
     background-color: #20a262;
     color: ivory;
     font-weight: bold;
}



#pullDown {
     text-align: center;
     font-weight: bold;
     font-size: 1em;
     color: #20a262;
}
